<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>问卷管理</title>

    <!-- 问卷的图标 -->
    <link rel="icon" sizes="32*32" href="/static/image/R-C.png">

    <!-- css -->
    <link rel="stylesheet" href="/static/css/edit/base.css">
    <link rel="stylesheet" href="/static/css/edit/createQ.css">
    <link rel="stylesheet" href="/static/css/manage/manage.css">
    <link rel="stylesheet" href="/static/css/edit/option.css">

    <!-- jqury地址 -->
    <script src="https://cdn.acwing.com/static/jquery/js/jquery-3.3.1.min.js"></script>
</head>

<body>
    <div class="new-questionnaire">
        <!-- nav -->
        <div class="new-questionnaire-header">
            <div class="new-questionnaire-special">
                <div>?</div>
            </div>
            <div class="new-questionnaire-header-manage">问卷管理</div>
            <div class="new-questionnaire-header-my">我的问卷</div>
        </div>

        <!-- 标记栏目 -->
        <div class="nav-title black">
            <span style="text-indent: 70px;">标题</span>
            <span style="text-indent: 210px;">时间</span>
            <span style="text-indent: 175px;">状态</span>
            <span style="text-indent: 69px;">操作</span>
            <div class="new-edit" style="color: white; margin-left: 90px;">
                <div> + 新建问卷 </div>
            </div>
        </div>

        <!-- 主体部分 -->
        <div class="new-questionnaire-content">
            <!-- 问卷一 -->
            <div class="manage manage1 black">
                <input type="checkbox" class="option">
                <div class="span1" style="text-indent: 10px;">标题</div>
                <div class="span2" style="text-indent: 210px;">2023-01-05 23:12:58</div>
                <div class="span3 put" style="text-indent: 50px;">发布中</div>
                <div style="padding: 0 0 0 69px;">
                    <div class="tianxie yi color-deep">
                        <div>填写问卷</div>
                    </div>
                    <div class="shanchu yi color-deep">
                        <div>删除</div>
                    </div>
                    <div class="chakan yi color-deep">
                        <div>查看数据</div>
                    </div>
                </div>
            </div>

            <!-- 问卷二 -->
            <div class="manage manage1 black">
                <input type="checkbox" class="option">
                <div class="span1" style="text-indent: 10px;">标题</div>
                <div class="span2" style="text-indent: 210px;">2023-01-05 23:12:59</div>
                <div class="span3 " style="text-indent: 50px;">未发布</div>
                <div style="padding: 0 0 0 69px;">
                    <div class="bianji yi color-deep">
                        <div>编辑</div>
                    </div>
                    <div class="shanchu yi color-deep">
                        <div>删除</div>
                    </div>
                    <div class="chakan yi color-deep">
                        <div>查看数据</div>
                    </div>
                </div>
            </div>

            <!-- 问卷三 -->
            <div class="manage manage1 black">
                <input type="checkbox" class="option">
                <div class="span1" style="text-indent: 10px;">这是我的第一份问卷</div>
                <div class="span2" style="text-indent: 100px;">2022-02-09 02:02:02</div>
                <div class="span3 " style="text-indent: 50px;">已结束</div>
                <div style="padding: 0 0 0 69px;">
                    <div class="shanchu yi color-deep" style="margin: 0 0 0 70px;">
                        <div>删除</div>
                    </div>
                    <div class="chakan yi color-deep">
                        <div>查看数据</div>
                    </div>
                </div>
            </div>

            <!-- 全选框 -->
            <div class="manage black" style="border: none;">
                <input type="checkbox" class="all-option">
                <div style="text-indent: 10px;">全选</div>
                <div class="shanchuall yi color-deep">
                    <div>删除</div>
                </div>
            </div>
        </div>

        <!-- 删除问卷的浮窗 -->
        <div class="tips" id="tips" style="display: none; top: -20px;">
            <div>
                <div class="tips-head">
                    提示
                    <div class="">
                        <i class="iconfont icon-guanbi color"></i>
                    </div>
                </div>
                <div class="tips-content">
                    <p>确定要删除此问卷？</p>
                    <div>
                        <div class="determine" style="background-color: orange;">确定
                        </div>
                        <div class="cancel">取消</div>
                    </div>
                </div>
            </div>
        </div>


        <!-- 查看数据界面 -->
        <div class=""></div>
    </div>


    <script type="module">
        import { } from "/static/js/manage/manage.js";
    </script>

</body>

</html>